<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程介绍</title>
</head>
<body>
    <main>
        <section class="video">
            <div>
                <i class="iconfont icon-bofang"></i>
                <p>视频预览</p>
            </div>
        </section>
        <section class="main-content">
            <div class="title">
                <h3></h3>
                <div>
                    <div class="title-left">
                        <span><strong class="calorie">45</strong>千卡</span>
                        <span><strong class="time">15</strong>分钟</span>
                    </div>
                    <span><span class="peoplenum">99.99</span>w人练过<i class="iconfont icon-xiangyou1"></i></span>
                </div>
            </div>
            <div class="content">
                <div class="info">
                    <div>
                        <img src="./img/cat.jpg" class="pic">
                        <div class="name"><h4>用户名</h4>三线达人课程设计师</div>
                    </div>
                    <span><i class="iconfont icon-jiahao1"></i>关注</span>
                </div>
                <p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈</p>
            </div>
            <div class="tips">
                <div>
                    <p><i class="iconfont icon-shebeiguzhangpincitongji"></i>练习频次</p>
                    <span>每周<span class="frequency">3-5</span>次</span>
                </div>
                <div>
                    <p><i class="iconfont icon-jixie-copy"></i>机械</p>
                    <span class="instrument">无</span>
                </div>
            </div>
            <button>开始训练</button>
        </section>
    </main>
</body>
</html>